.root {
  // background-color: #333744;
  height: 100%;

  .logo {
    height: 64px;
    position: relative;
    line-height: 64px; // padding-left: 24px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    background: #22292f;
    overflow: hidden;
    font-size: 18px;
    color: #fff;

    .img {
      border-radius: 4px;
      margin-left: 16px; // width: 35px;
      display: flex;

      .menuImg {
        margin-right: 16px;

        >img {
          width: 40px; // height: 26px;
        }
      }

      .menuTitle {
        color: #fff;
        font-size: 20px;

        >img {
          width: 78px;
        }
      }
    }

    .collapsed_img {
      margin-left: 1px;
      width: 76px;
    }
  }

  .menu_left {
    padding-top: 12px;
  }

  :global {
    .ant-menu-sub {
      box-shadow: none;
    }

    .ant-menu-inline .ant-menu-item:not(:last-child){
      margin-bottom: 4px;
    }

    .ant-menu-dark .ant-menu-inline.ant-menu-sub {
      -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) inset;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) inset;
    }

    .ant-menu-sub .ant-menu-item,
    .ant-menu-sub .ant-menu-submenu-title {
      margin: 8px 0;
    }
  }
}

:global {
  .ant-menu-submenu.ant-menu-submenu-popup.ant-menu-submenu-placement-rightTop {
    left: 84px !important;
  }
}